<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="df" uri="/WEB-INF/datetag.tld"%>
<!DOCTYPE html>
<html>
<head>

    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
    <meta name="description" content="Bootstrap Metro Dashboard">
    <meta name="author" content="Dennis Ji">
    <meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link id="bootstrap-style" href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet">
    <link id="base-style" href="../css/style.css" rel="stylesheet">
    <link id="base-style-responsive" href="../css/style-responsive.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>
    <!-- end: CSS -->


    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link id="ie-style" href="../css/ie.css" rel="stylesheet">
    <![endif]-->

    <!--[if IE 9]>
    <link id="ie9style" href="../css/ie9.css" rel="stylesheet">
    <![endif]-->

    <!-- start: Favicon -->
    <link rel="shortcut icon" href="../img/favicon.ico">
    <!-- end: Favicon -->




</head>

<body>
        <!-- start: Content -->


            <div class="row-fluid sortable">
                <div class="box span12">
                    <div class="box-header" data-original-title>
                        <h2><i class="halflings-icon white user"></i><span class="break"></span>角色管理</h2>
                        <a href="../role/gotoAddRole.web"><i class="glyphicons-icon circle_plus" style="margin-top: -15px"></i></a>
                        <font color="red">${msg}</font>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <table class="table table-striped table-bordered bootstrap-datatable datatable">
                            <thead>
                            <tr>
                                <th>角色名称</th>
                                <th>状态</th>
                                <th>创建时间</th>

                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            <c:forEach items="${roleList}" var="role" >
                            <tr>
                                <td>${role.name}</td>
                                <td class="center">
                                    <span class="label label-success">激活</span>
                                </td>
                                <td class="center"><df:date value="${role.createTime}"/></td>

                                <td class="center">
                                    <%--<a class="btn btn-success" href="#">--%>
                                        <%--<i class="halflings-icon white zoom-in"></i>--%>
                                    <%--</a>--%>
                                    <a class="btn btn-info" href="../role/gotoUpdateRole.web?roleId=${role.id}&currentPage=${paginator.page}&pageSize=${paginator.limit}">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                    <a class="btn btn-danger" href="../role/deleteRole.web?roleId=${role.id}&currentPage=${paginator.page}&pageSize=${paginator.limit}">
                                        <i class="halflings-icon white trash"></i>
                                    </a>
                                </td>
                            </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                        当前页: <font color="red">${paginator.page}</font>
                          <a href="../role/roleList.web?currentPage=${paginator.prePage}&pageSize=${paginator.limit}">上一页</a>

                            <a href="../role/roleList.web?currentPage=${paginator.nextPage}&pageSize=${paginator.limit}">下一页</a>
                          总页数: ${paginator.totalPages}
                          <%--总数: ${paginator.totalCount}--%>
                    </div>
                </div><!--/span-->

            </div><!--/row-->
        <!-- start: JavaScript-->

        <script src="../js/jquery-1.9.1.min.js"></script>
        <script src="../js/jquery-migrate-1.0.0.min.js"></script>

        <script src="../js/jquery-ui-1.10.0.custom.min.js"></script>

        <script src="../js/jquery.ui.touch-punch.js"></script>

        <script src="../js/modernizr.js"></script>

        <script src="../js/bootstrap.min.js"></script>

        <script src="../js/jquery.cookie.js"></script>

        <script src='../js/fullcalendar.min.js'></script>

        <script src='../js/jquery.dataTables.min.js'></script>

        <script src="../js/excanvas.js"></script>
        <script src="../js/jquery.flot.js"></script>
        <script src="../js/jquery.flot.pie.js"></script>
        <script src="../js/jquery.flot.stack.js"></script>
        <script src="../js/jquery.flot.resize.min.js"></script>

        <script src="../js/jquery.chosen.min.js"></script>

        <script src="../js/jquery.uniform.min.js"></script>

        <script src="../js/jquery.cleditor.min.js"></script>

        <script src="../js/jquery.noty.js"></script>

        <script src="../js/jquery.elfinder.min.js"></script>

        <script src="../js/jquery.raty.min.js"></script>

        <script src="../js/jquery.iphone.toggle.js"></script>

        <script src="../js/jquery.uploadify-3.1.min.js"></script>

        <script src="../js/jquery.gritter.min.js"></script>

        <script src="../js/jquery.imagesloaded.js"></script>

        <script src="../js/jquery.masonry.min.js"></script>

        <script src="../js/jquery.knob.modified.js"></script>

        <script src="../js/jquery.sparkline.min.js"></script>

        <script src="../js/counter.js"></script>

        <script src="../js/retina.js"></script>


</body>
</html>
